<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title>Test dojox.Grid Basic</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>
	<style type="text/css">
		@import "../../../../dojotoolkit/dijit/themes/tundra/tundra.css";
		@import "../../../../dojotoolkit/dojox/grid/_grid/Grid.css";
		@import "../../../../dojotoolkit/dojox/grid/_grid/tundraGrid.css";
		@import "../../../../dojotoolkit/dojo/resources/dojo.css";
		body {
			font-size: 0.9em;
			font-family: Geneva, Arial, Helvetica, sans-serif;
		}
		.heading {
			font-weight: bold;
			padding-bottom: 0.25em;
		}
				
		#grid {
			border: 1px solid #333;
			width: 35em;
			height: 30em;
		}
	</style>
	<script type="text/javascript">
                                   djConfig = {
                                        isDebug:true,
                                        debugAtAllCosts:false,
                                        modulePaths:{medryx:"../../medryx"},
                                        usePlainJson:true,
                                        parseOnLoad:true
                                    }
                                
                    
        </script>
	<script type="text/javascript" src="../../../../dojotoolkit/dojo/dojo.js"></script>
	<script type="text/javascript">
        dojo.require("dojox.grid.DataGrid");
        dojo.require("dojo.data.ItemFileWriteStore");
		dojo.require("medryx.widgets._GridPlugins.AutoFilter");
		dojo.addOnLoad(function() {
			dojo.declare("MyGrid", [dojox.grid.DataGrid, medryx.widgets._GridPlugins.AutoFilter], {});
			var grid = new MyGrid({
                    id: "grid",
                    store: test_store,
                    structure: layout
                }, dojo.byId("gridContainer"));
			
			grid.render();
		})
    </script>
	<script type="text/javascript" src="test_data.js" djConfig="isDebug:true, parseOnLoad: true"></script>
	
	
	<script type="text/javascript">
		// a grid view is a group of columns
		var layout = [
            {name: 'Alpha', field: 'col1', autoFilter:true},
            {name: 'Beta', field: 'col2'},
            {name: 'Gamma', field: 'col3'},
            {name: 'Delta', field: 'col4', width: "150px", autoFilter:true},
            {name: 'Epsilon', field: 'col5'},
            {name: 'Nexilon', field: 'col6'},
            {name: 'Zeta', field: 'col7'},
            {name: 'Eta', field: 'col1'},
            {name: 'Omega', field: 'col8'}
        ];
		
		
</script>
</head>
<body>
<div class="heading">AutoFilter Test</div>
<div id="gridContainer" style="height:600px"></div>
</body>
</html>
